<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.main{
				width: 200px;
				height: 300px;
				padding: 10px;
				background: url(img/bg.gif);
				border:2px solid #019100;
			}
			.nav{
				border-bottom: 1px dashed black; /* 设置底部边框为虚线 */
            	padding: 4px; /* 设置小盒子的内边距 */
				background-color: white;
				
				
			}
			a{
				font: 11px "微软雅黑";
				text-decoration: none;
				color: #0368cc;
				padding-left: 15px;
				background: url(img/tb.gif) no-repeat;
			}
			.main-top{
				height:20px;
				padding-left: 10px;
				border-left: 4px solid #c9e143;
				color:white;
				margin-bottom: 5px;
			}
			.main-bottom{
				padding-left: 10px;
				padding-right: 10px;
				background-color: white;
			}
		</style>
	</head>
	<body>
		<div class="main">	
			<div class="main-top">爱宠知识</div>
			<div class="main-bottom">
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">你怎么看待柴犬</a></div>
				<div class="nav"><a href="#">新年旺旺</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
				<div class="nav"><a href="#">养狗比养猫更健康</a></div>
			</div>
		</div>

	</body>
</html>
